<template>
  <z-paging ref="paging" :refresher-enabled="false" :loading-more-enabled="false">
    <view w-full box-border pa-20rpx>
      <view bg-white rounded-20rpx flex flex-col justify-center pt-60rpx pb-120rpx items-center box-content>
        <l-circularProgress
          :fontShow="false"
          :percent="66"
          boxHeight="110"
          type="halfCircular"
          :lineWidth="10"
          progressColor="#FCC300"
          fontColor="#000"
          bgColor="#EEEEEE">
          <view flex flex-col justify-center items-center mt--90rpx>
            <view text-80rpx font-800>72</view>
            <view text-28rpx text="#7D7D7D">本次得分</view>
          </view>
        </l-circularProgress>
      </view>
      <view flex justify-between items-center mt-20rpx>
        <view flex flex-col justify-center items-center bg-white rounded-20rpx w-230rpx h-170rpx>
          <text text-40rpx font-500 mb-16rpx>821</text>
          <text text-24rpx text="#7D7D7D">已答题</text>
        </view>
        <view flex flex-col justify-center items-center bg-white rounded-20rpx w-230rpx h-170rpx>
          <text text-40rpx font-500 mb-16rpx>60</text>
          <text text-24rpx text="#7D7D7D">错题</text>
        </view>
        <view flex flex-col justify-center items-center bg-white rounded-20rpx w-230rpx h-170rpx>
          <text text-40rpx font-500 mb-16rpx>60%</text>
          <text text-24rpx text="#7D7D7D">正确率</text>
        </view>
      </view>
      <view w-full box-border px-20rpx py-40rpx mt-20rpx rounded-20rpx bg-white>
        <view flex justify-between items-center mb-40rpx text-28rpx>
          <text text="#7D7D7D">题库</text>
          <text font-500>题库二</text>
        </view>
        <view flex justify-between items-center mb-40rpx text-28rpx>
          <text text="#7D7D7D">练习人</text>
          <text font-500>董佳琪</text>
        </view>
        <view flex justify-between text-28rpx>
          <text text="#7D7D7D">练习时间</text>
          <view font-500 flex flex-col items-end>
            <text mb-10rpx>2024-10-29</text>
            <text>13:41:12-14:29:12</text>
          </view>
        </view>
      </view>
    </view>
    <template #bottom>
      <view w-full px-40rpx box-border pb-46rpx pt-30rpx>
        <view
          w-670rpx
          h-100rpx
          rounded-50rpx
          bg="#FCC300"
          flex
          justify-center
          items-center
          font-500
          text="#000"
          text-28rpx
          mb-30rpx>
          查看记录
        </view>
        <view
          w-670rpx
          h-100rpx
          rounded-50rpx
          bg="#D9D9D9"
          flex
          justify-center
          items-center
          font-500
          text="#7D7D7D"
          text-28rpx>
          返回
        </view>
      </view>
    </template>
  </z-paging>
</template>

<script setup lang="ts">
import { onLoad, onShow } from '@dcloudio/uni-app'

onMounted(() => {})
onLoad((options: any) => {})
</script>
<style>
page {
}
</style>
<style scoped lang="scss"></style>
